<template>
  <SimplenessLayout>
    <div class="tabCard">
      <a-card style="height: 76vh;overflow: auto">
        <a-tabs default-active-key="1">
          <a-tab-pane key="1" tab="字段管理">
            <FieldManage></FieldManage>
          </a-tab-pane>
          <a-tab-pane key="2" tab="预处理管理" force-render disabled>
            <Pretreatment></Pretreatment>
          </a-tab-pane>
          <a-tab-pane key="3" tab="抽象处理" force-render>
            <AbstractionList></AbstractionList>
          </a-tab-pane>
          <a-tab-pane key="4" tab="策略处理" force-render>
            <Activation></Activation>
          </a-tab-pane>
        </a-tabs>
      </a-card>
    </div>
  </SimplenessLayout>
</template>

<script>
import SimplenessLayout from "@/layouts/SimplenessLayout";
import FieldManage from "@/pages/systemManage/fieldManage/FieldManage";
import Pretreatment from "@/pages/systemManage/pretreatment/Pretreatment";
import AbstractionList from "@/pages/systemManage/abstractionList/AbstractionList";
import Activation from "@/pages/systemManage/activation/Activation";

export default {
  name: "TabBuilder",
  components: {Activation, AbstractionList, Pretreatment, FieldManage, SimplenessLayout},
}
</script>

<style scoped>
.tabCard >>> .ant-card-body {
  padding: 5px 10px;
}
</style>
